        {extend name="portal/base"/}

        {block name="link"}
        <link rel="stylesheet" type="text/css" href="/public/portal/css/form.css">
        <link rel="stylesheet" type="text/css" href="/public/portal/css/index.css">
        {/block}

        {block name="resources"}
        .page{
            background-image: url({$list.page.bg_img});
        background-color:{$list.page.bg_color};
        }

        .relative{
            position:relative;
        }

        .index_search_box{
            width:18px;height:18px;
        }

        .index_search_box2{
            height:2.7rem;line-height:2.7rem;
        }

        {volist name="list.all_data" id="item" key="i"}

        .index_bg_{$i}{
            background:{$item.bg_color};
        }

        {if $item.type == 'search'}

        .index_search_bd_{$i}{
            background:{$item.bd_color};
            color:{$item.text_color};
        }

        .index_search_{$i}{
            position: absolute;
            background: url() no-repeat;
            background-size: 18px 18px;
            right: -17px;
            width:18px;
            height:18px;
        filter: drop-shadow({$item.text_color} -30px 0px);
        }
        {/if}

        {if $item.type == 'banner'}

        .index_banner_{$i}{
            position:relative;
            background:{$item.bg_color ? item.bg_color : '#ffffff'};
        }

        .index_banner_swiper_{$i}{
            height:{$item.high ? $item.high : '180'}px;
        }

        {/if}

        {if $item.type == 'navigation'}

        .index_navigation_{$i}{
            color:{$item.text_color}};
            font-size:{$item.font_size}px;
        }

        .index_navigation_{$i} mip-img{
            border-radius:{$item.radian}%;
        }

        {/if}


        {if $item.type == 'advert'}

        .index_advert_{$i}{
        position:relative;
            height:{$item.high}px;
            overflow: hidden;
            float:left;
            background:{$item.bg_color};
        }

        {volist name="item.list" id="advs" key="k"}

        .index_advert_{$i}_{$k}
        {
            width:{$advs.width}%;
        }

        {/volist}

        .index_advert_{$i} mip-img{
           width:100%;  height:100%;  overflow: hidden;  float:left;
        }

        {/if}

        {if $item.type == 'edit_piclist'}
        .index_piclist_{$i} mip-img{  width:100%;  border-radius:{$item.radian}%;  }
        .index_piclist_{$i} img{border-radius:{$item.radian}%;}
        .index_piclist_{$i} span{  color:{$item.text_color};  }
        {/if}

        {if $item.type == 'goods'}
        .index_goods_{$i}_name {  font-size:{$item.font_size*1.1}px;color:{$item.text_color};  }
        .index_goods_{$i}_desc {  font-size:{$item.title_size*4.5/5*1.1}px;  }
        {/if}

        {if $item.type == 'article_list'}
        .index_article_list_{$i}_name {  color:{$item.text_color};font-size:{$item.font_size*1.1}px;  }
        .index_article_list_{$i}_desc {  font-size:{$item.font_size/3*2*1.3}px;  }
        {/if}

        {if $item.type == 'product_list'}
        .index_product_list_{$i}_name {  color:{$item.text_color};font-size:{$item.font_size*1.1}px;  }
        {/if}

        {if $item.type == 'headline'}
        .index_headline_{$i}_name {  color:{$item.text_color};font-size:{$item.font_size*1.1}px;  }
        {/if}
        /*lxm*/
        {if $item.type == 'blank'}
        .index_blank{$i} {  height:{$item.ly_height}px;background:{$item.bg_color};  }
        {/if}
        {if $item.type=='edit_button'}
        .index_button{$i}{background:{$item.bg_color};border:{$item.show_border}px solid {$item.border_color};color:{$item.text_color};border-radius:{$item.radius}px;}
        .index_button_pic{$i}{width:20px;height:20px;}
        {/if}
        {if $item.type=='position'}
        .index_position0{$i}{width:48px;height:24px;position:relative;background:{$item.bg_color};}
        .index_position1{$i}{position: absolute;z-index: 999;width: 24px;height: 24px;top: 0;right: 0;background: {$item.bg_color}};}
        .index_position2{$i}{float:right; background: url() no-repeat;background-size: 24px 24px;width:24px;height:24px;filter: drop-shadow({$item.text_color} -20px 0px);}
        .index_position3{$i}{color: {$item.text_color}}
        {/if}
        {if $item.type=='rich_text'}
        .index_richtext{$i}{background: {$item.text_color}}
        {/if}
        {if $item.type=='floaticon'}
        .index_flo1{$i}{z-index:9999999999;}
        .index_flo2{$i}{bottom:calc({$item.form_bottom}% + 50px);right:{$item.form_margin}%;}
        .index_flo3{$i}{opacity:{$item.form_transparent / 100.0}}
        {/if}
        {if $item.type=='edit_video'}
        .index_video{$i}{width:100%;height:{$item.ly_height}px;display:block;}
        {/if}
        {if $item.type=='message_board'}
        .formBook_btn_index{width:100%;}
        .index_form{$i}{background:{$item.bg_color};padding:0.8rem;display:flex;flex-direction: column;align-items: center;width:100%;box-sizing: border-box}
        .index_form_btn{color:#ffffff;width:100%;margin-top:1rem;padding:0;}
        {/if}
        {if $item.type=='store_door'}
        .shop_box_aa{$i}{background:{$item.bg_color}
        .index_door1{$i}{color:{$item.text_color};font-size:16px;}
        .index_door2{$i}{color:{$item.text_color};font-size:13px;}
        .index_door3{$i}{width:92px;height:46px;position:relative;}
        .index_door4{$i}{width:46px;height:100%;position: absolute;left: 0;top: 0;z-index:100;background:{$item.bg_color}}
        .index_door5{$i}{background: url() no-repeat;background-size: 46px 46px;right: 0px;width:46px;height:46px;filter: drop-shadow({$item.text_color} 46px 0px);z-index:999;}
        {/if}
        {if $item.type=='tripartite'}
        .index_tri{$i}{background:{$item.bg_color}}
        {/if}
        {if $item.type=='quartet'}
        .index_qua{$i}{background:{$item.bg_color}}
        {/if}
        /*{if $item.type=='edit_form'}*/

        /*{/if}*/
        /*{if $item.type=='customer'}*/

        /*{/if}*/
        {if $item.type=='phone'}
        .index_phone{$i}{bottom: {$item.b_form_bottom}%;left: calc({$item.b_form_margin}% - 50px);opacity:{$item.form_transparent};z-index:999999}
        {/if}
        {if $item.type=='announcement'}
        .index-hot1{$i}{background:{$item.bg_color};}
        .index-hot2{$i}{color:{$item.text_color};height:152px; line-height:38px;}
        {/if}
        {if $item.type=='blankline'}
        .index_line1{$i}{padding:{$item.margin}px 0;background:{$item.bg_color};}
        .index_line2{$i}{border-top:{$item.ly_height}px {$item.line_type} {$item.line_color};width:100%;margin:0 auto;}
        {/if}
        {if $item.type=='miaosha'}

        {/if}
        {/volist}

        .goods_pic{overflow: hidden;}
        .goods_pic img{
            width: 100% !important;
            height: auto !important;
        }

        {/block}

        {block name="main"}

    {volist name="list.all_data" id="item" key="index"}

    {if $item.type=='search'}
        {include file="portal/index/search" /}
    {/if}

    {if $item.type=='banner'}
        {include file="portal/index/banner" /}
    {/if}

    {if $item.type=='navigation'}
        {include file="portal/index/navigation" /}
    {/if}

    {if $item.type=='advert'}
    {include file="portal/index/advert" /}
    {/if}

    {if $item.type=='edit_piclist'}
    {include file="portal/index/edit_piclist" /}
    {/if}

    {if $item.type=='goods'}
    {include file="portal/index/goods" /}
    {/if}

    {if $item.type=='article_list'}
    {include file="portal/index/article_list" /}
    {/if}

    {if $item.type=='product_list'}
    {include file="portal/index/product_list" /}
    {/if}

    {if $item.type=='headline'}
    {include file="portal/index/headline" /}
    {/if}

    {if $item.type=='blank'}
    {include file="portal/index/blank" /}
    {/if}

    {if $item.type=='edit_button'}
    {include file="portal/index/edit_button" /}
    {/if}

    {if $item.type=='position'}
    {include file="portal/index/position" /}
    {/if}

    {if $item.type=='rich_text'}
    {include file="portal/index/rich_text" /}
    {/if}

    {if $item.type=='floaticon'}
    {include file="portal/index/floaticon" /}
    {/if}

    {if $item.type=='edit_video'}
    {include file="portal/index/video" /}
    {/if}

    {if $item.type=='message_board'}
    {include file="portal/index/form_submit" /}
    {/if}

    {if $item.type=='store_door'}
    {include file="portal/index/store_door" /}
    {/if}

    {if $item.type=='tripartite'}
        {include file="portal/index/tripartite" /}
    {/if}

    {if $item.type=='quartet'}
    {include file="portal/index/quartet" /}
    {/if}

    {if $item.type=='edit_form'}
    {include file="portal/index/power_form" /}
    {/if}

    {if $item.type=='phone'}
    {include file="portal/index/phone" /}
    {/if}

    {if $item.type=='announcement'}
    {include file="portal/index/notice" /}
    {/if}

    {if $item.type=='blankline'}
    {include file="portal/index/line" /}
    {/if}

    {if $item.type=='miaosha'}
        {include file="portal/index/miaosha" /}
    {/if}

   {/volist}

        {/block}
